window.onload = function(){
    //

    //获取元素
    var tabTitles = document.querySelectorAll('li.tab-title');
    var tabContents = document.querySelectorAll('li.tab-content');

    for(let i = 0;i<tabTitles.length;i++){
        //为每一个标题都添加onmouseover事件
        tabTitles.onmouseover = function(){
            //遍历所有标题，判断是不是当前元素，如果是，则添加active，否则删除active
            for(let j=0;j<tabTitles.length;j++){
                if(tabTitles[j] == this){
                    tabTitles[j].classList.add('active');
                    tabContents[j].classList.add('show');
                }else{
                    tabTitles[j].classList.remove('active');
                    tabContents[j].classList.remove('show');
                }
            }
        }
    }
}